More

Dokumentation

Alles zum Nachschlagen: wie du mit Kitty arbeitest, dazu lebende Beispiele für Typografie, Layouts und Komponenten.

Überblick

Kitty im Detail

Wie Kitty Fragen strukturiert, Entscheidungen festhält und daraus gemeinsam mit einer KI konkrete Seiten entwickelt.

Die komplette Schrift-Skala mit Testsatz plus Anwendungsbeispiele je Schnitt — Zusammenspiel von Headline und Fließtext.

Text- und Bild-Text-Spalten: 50/50, 30/70, 70/30 und das 4-Spalten-Raster — mit und ohne Bild.

Alle Bausteine im Katalog: Feature-Grid, Cards, Callout, FAQ, Formular, Vollbild-Bild und mehr — je mit Klasse und Vorschau.

Referenz für layoutrelevante Klassen: Lead vs. Section-Intro, das Abstands-System, Boxed/Full, Prose-Breiten und TOC.

Das Design-System auf einer Seite: Marken-Regler, Farb-Tokens, Schrift-Skala, Abstände und Radien.

Demos

Ganze Seiten zum Durchklicken. Sie öffnen in einem neuen Tab, damit du die Übersicht hier nicht verlierst.

Die ursprüngliche Galerie-Demo — Slider, Kontaktformular, Cookie-Consent, Unterseiten. Self-contained.

Selbst bauen

Die Beispiele zeigen, wie aus einem Briefing und einigen bewussten Entscheidungen eine konsistente Website entsteht.

Arbeitsweise ansehen Zur Startseite